<template>
  <v-container>
    <div class="to-middle">
      <v-layout row wrap justify-center>
        <v-spacer></v-spacer>
        <v-flex xs5 sm6 md3>
          <v-text-field v-model="filepathname" label="载入车位配置文件" clearable outline></v-text-field>
        </v-flex>
        <v-flex xs2 sm1 md1>
          <v-btn color="primary" @click="loadParkingPosition()" large>打开</v-btn>
        </v-flex>
        <v-spacer></v-spacer>
      </v-layout>
      <v-layout row wrap justify-center class="to-middle">
        <v-spacer></v-spacer>
        <v-btn large color="success" :disabled="isConfigLoading">开始处理</v-btn>
        <v-spacer></v-spacer>
      </v-layout>
    </div>
  </v-container>
</template>

<script>
export default {
  data: () => ({
    filepathname: "",
    isConfigLoading: true
  }),
  methods: {
    loadParkingPosition() {}
  }
};
</script>

<style>
.to-middle {
  height: 100px;
  width: 100%;
  padding-top: 100px;
}
</style>




